@charset "utf-8";

.button.skyblue { height:40px; line-height:40px; font-size:14px; font-weight:bold; background-image:none; background-color:#15A0E5;}
.button.darkblue { height:40px; line-height:40px; font-size:14px; font-family:Microsoft Yahei; background-image:none; font-weight:bold; background-color:#7A7A7A;}
.button.navblue { background-color: #3559A0; background-image: none;  font-size: 14px; font-weight: bold; height: 50px; line-height: 50px; padding: 0 50px; }
#btn_passenger.darkblue { height: 50px; line-height: 50px; padding: 0 50px; }

#main-area .flight_step { height:45px; margin-bottom:10px; }
#main-area .flight_step ul { float:right; width:450px; background:url(../images/flight_step.jpg) right top no-repeat; height:40px; }
#main-area .flight_step li { float:left; width:88px; text-align:center; color:#666;}
#main-area .flight_step li.current { font-weight:bold; color:#EC1623;}
#main-area .flight_step li b { text-align:center; color:#666; }
#main-area .flight_step.step3 ul { background-position:left -80px;}
#main-area .flight_step li.od { width:176px;}
#main-area .flight_step span { float:left; line-height:30px; padding-left:20px; background:url(../images/booking/icon_tips.gif) left 10px no-repeat;}



#main-area .flight_step_new { margin-bottom:10px; height:30px; background:url(../images/booking/flight_step_new.png) right top no-repeat;}
#main-area .flight_step_new span { float:left; line-height:30px; padding-left:20px; background:url(../images/booking/icon_tips.gif) left 10px no-repeat;}
#main-area .flight_step_new ul { float:right; width:600px;}
#main-area .flight_step_new li { float:left; width:82px; padding-left:38px; line-height:30px; position:relative; color:#666;}
#main-area .flight_step_new li.current { font-weight:bold; color:#333;}
#main-area .flight_step_new.step1 { background-position: right top;}
#main-area .flight_step_new.step2 { background-position: right -30px;}
#main-area .flight_step_new.step3 { background-position: right -60px;}
#main-area .flight_step_new.step4 { background-position: right -90px;}
#main-area .flight_step_new.step5 { background-position: right -120px;}

#main-area .order_info { margin-bottom:20px;}
#main-area .order_info h2 { height:30px; line-height:28px; color:#fff; padding:0 10px; font-size:14px; background:url(../images/bg-map.jpg) left top repeat-x;}
#main-area .order_info .body { border:1px #ccc solid; border-top:none; padding:10px; background-color:#fff; text-align:center; }
#main-area .order_info .body .row { margin-top:10px;}
#main-area .order_info .body .row .col1 { float:left; width:160px; text-align:center; color:#999; font-size:14px;}
#main-area .order_info .body .row .col2 { float:left; width:520px; color:#999; }
#main-area .order_info .body .row .col2 b { font-size:16px; color:#333;}
#main-area .order_info .body .row .col3 { float:left; width:120px; text-align:center; font-weight:bold; font-size:16px; color:#0E87B2;}
#main-area .order_info .body .row .col4 { float:left; width:128px; text-align:center; font-size:12px;}
#main-area .order_info .body #pk { text-align:center; color:#999; padding-top:10px; *padding-top:0; cursor:pointer;}
#main-area .order_info .body #ex { text-align:center; color:#999; padding-top:10px; *padding-top:0; cursor:pointer;}
#main-area .order_info .body .row1 { text-align:center; margin-top:10px; line-height:150%;}
#main-area .order_info .body .ex { display:none; }
#main-area .order_info .body .row1 .col1 { float:left; width:145px; color:#999; font-size:20px; font-weight:bold; }
#main-area .order_info .body .row1 .col2 { float:left; width:260px; color:#999; }
#main-area .order_info .body .row1 .col2 b { font-size:16px; color:#333; margin-left:5px; }
#main-area .order_info .body .row1 .col3 { float:left; width:120px; color:#999; }
#main-area .order_info .body .row1 .col4 { float:left; width:85px; text-align:center; font-size:12px; color:#999;}
#main-area .order_info .body .row1 .col4 span { cursor:pointer; }
#main-area .order_info .body .row1 .col5 { float:left; width:315px; text-align:center; font-size:12px; color:#999 }

#main-area .passenger_new { position:relative; padding:0 220px 40px 0;}
#main-area .passenger_new .info { margin-bottom:20px;}
#main-area .passenger_new .info h2 { height:45px; line-height:45px; color:#333; padding:0 10px; font-size:14px; border:1px #ccc solid; background:url(../images/globle/bg_map.jpg) left -420px repeat-x;}
#main-area .passenger_new .info .body { border:1px #ccc solid; border-top:3px #15A0E3 solid; padding:10px; background-color:#f7f7f7;}
#main-area .passenger_new .info .body .person {margin-left: 80px; position: relative; }
#main-area .passenger_new .info .body .person b { left: -80px; position: absolute; top: 10px; }
#main-area .passenger_new .info .body .person label { color: #666666; float: left; height: 25px; line-height: 25px; margin-right: 8px; text-overflow:ellipsis; overflow: hidden;  white-space: nowrap; width: 107px; }
#main-area .passenger_new .info .body .person .onoff { position: absolute; top: 10px; right: 18px; cursor:pointer; }

#ffp { padding: 5px 10px; overflow-y:hidden; height:25px; }

#main-area .passenger_new .info .body .box { float:left; width:310px; border:1px #ccc dashed; background-color:#fff; margin:10px; padding:10px 10px 0; position:relative; overflow:hidden; }
#main-area .passenger_new .info .body .box:hover { border-color:#D8B166; box-shadow: 0 0 1px #F1CA7E; }
#main-area .passenger_new .info .body .box .close { position:absolute; right:5px; top:5px; line-height:100%; width:20px; height:20px; line-height:20px; font-size:14px; text-align:center; color:#333; font-style:normal; cursor:pointer;}
#main-area .passenger_new .info .body .row { height:30px; line-height:20px; margin-bottom:10px;}
#main-area .passenger_new .info .body .row .col1 { float:left; width:85px; text-align:right; padding-right:5px; }
#main-area .passenger_new .info .body .row .col1 i { color:#FF4500; }
#main-area .passenger_new .info .body .row .col2 { float:left; width:220px; }
#main-area .passenger_new .info .body .row .col2.infant { color:#FF4500; text-align:left; }
#main-area .passenger_new .info .body .row .col2 .input { width:190px; font-size:14px; padding:6px;}
#main-area .passenger_new .info .body .row .col2 .input.input_s { width:125px; }
#main-area .passenger_new .info .body .row .col2 .input.input_p { width:81px; }
#main-area .passenger_new .info .body .row .col2 .select { padding: 5px; width: 204px; }
#main-area .passenger_new .info .body .row .col2 .select.select_s { width: 60px; }
#main-area .passenger_new .info .body .row .col2 .select.select_p { width: 105px; }
#main-area .passenger_new .info .body .row .col2 .radioSpan { margin-right:10px;}

/*å¥—ç¥¨*/
#main-area .passenger_new .info .body .box.taopiao input:hover { box-shadow:none; }


#main-area .passenger_new .info .body .box_btn { float:left; width:332px; margin:10px; padding:50px 0; text-align:center;}
#main-area .passenger_new .info .body .row.text { text-align:center; }
#main-area .passenger_new .info .body .row.insurRow { height:50px; line-height:20px; }
#main-area .passenger_new .info .body .row.insurRow select { width:135px; }
#main-area .passenger_new .info .body .row.insurRow .txt { float:right; padding-right:20px; }

#main-area .passenger_new .info.noborder h2 { border:none; background-image:none;}
#main-area .passenger_new .info.noborder .body { border:none; background-color:transparent; color:#666; padding-top:0;}

#main-area .passenger_new .infoFloat { position:absolute; left:740px; top:0; width:210px; z-index:999; }
#main-area .passenger_new .infoFloat h2 { height:35px; line-height:32px; color:#333; padding:0 10px; font-size:14px; border:1px #ccc solid; background:url(../images/globle/bg_map.jpg) left -420px repeat-x;}
#main-area .passenger_new .infoFloat .body { border:1px #ccc solid; border-top:none; padding:10px; background-color:#f5f5f5;}
#main-area .passenger_new .infoFloat .body li { float:left; width:70px; padding-right:14px; margin:5px; height:30px; line-height:30px; position:relative; text-align:center; color:#fff; background-color:#3C59A5; cursor:pointer; }
#main-area .passenger_new .infoFloat .body li.error { background-color:rgb(150 , 15 , 15); }
#main-area .passenger_new .infoFloat .body li i { position:absolute; right:5px; top:10px; line-height:100%; width:14px; height:14px; color:#fff; font-style:normal; cursor:pointer;}
#main-area .passenger_new .infoFloat .body li div { width: 62px; padding: 0 3px; text-overflow:ellipsis; overflow: hidden; white-space: nowrap; }
#main-area .passenger_new .infoFloat .body .itext {line-height:180%; padding:5px 5px 25px; color:#999;}
#main-area .passenger_new .infoFloat .body .itext i {font-style:normal;}
#main-area .passenger_new .infoFloat .body .itotal { color:#000; height:35px; padding-top:10px; font-size:14px; border-top:1px #3C5AA3 solid;}
#main-area .passenger_new .infoFloat .body .iprice { float:right; text-align:right; color:#ff0000; font-weight:bold;}
#main-area .passenger_new .infoFloat .body .iname { float:left;}
#main-area .passenger_new .infoFloat .errorTips { margin-top: 10px; padding: 10px; border: 1px solid rgb(252, 206, 146); background-color: seashell; color: #FFF5EE; }
#main-area .passenger_new .infoFloat .errorTips b { border-bottom:1px #ccc dashed; display:block;padding-bottom:5px;margin-bottom:5px; color:#333; }
#main-area .passenger_new .infoFloat .errorTips .itext { color:#000; line-height:25px; padding: 5px; }

#main-area .passenger_new .btn_confirm { text-align:center; padding-left:220px;}

.txtCenter { text-align:center; }

#condition ul { margin-bottom:10px; }
#condition ul li { list-style-type: disc; }

/*åº§ä½ç´§å¼ æç¤º*/
#main-area .pSeatAlarm { margin-bottom: 10px; width: 100%; background-color: #fcce92 ; height: 25px; }
#main-area .pSeatAlarm .text { color: #7c3f06; padding: 5px; }
#main-area .pSeatAlarm li { float:left; }

/*æ–°select*/
.ui_select { overflow:hidden; }
.ui_select ul {  }
.ui_select ul li { display:none; }
.ui_select ul li.active { display:block; }
#main-area .passenger_new .info .body .row .col2 .ui_select.select { width: 192px; border: 1px solid #CCCCCC; padding: 1px 0 1px 10px; height: 28px; }
#main-area .passenger_new .info .body .row .col2 .ui_select.select ul { width: 170px; }


/*mask*/
.mask { position:absolute; text-align:center; color:#FFF; font-weight:bold; }
.mask.blue { background-color:rgb(60,89,165); }


/*æ¢ç¥¨çª—å£*/
#confirmTRN { width:890px; height:115px; }

/*èˆªå»¶é™©æ‰‹æœºå·æç¤º*/
.contentTips.hyx {background:url(/resource3/images/booking_hyx.png) center center no-repeat;}
.zhyx { background:url(/resource3/images/booking_zhyx.png) right center no-repeat;}
